/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({

/***/ 0:
/***/ function(module, exports, __webpack_require__) {

	var Tag = __webpack_require__(28);
	/*var Tag = UcsmyUI.Tag;*/
	var Root = function() {
	  return {
	    onclick: function() {
	      console.log('标签 点击事件');
	    },
	    onclose: function() {
	      console.log('关闭 点击事件');
	    },
	    render: function() {
	      return React.createElement("div", null, 
	          React.createElement(Tag, {id: "tag1", value: "标签1"}), 
	          React.createElement(Tag, {id: "tag2", value: "标签2", onclick: this.onclick}), 
	          React.createElement(Tag, {id: "tag3", value: "标签3", onclick: this.onclick, close: "show"}), 
	          React.createElement(Tag, {id: "tag4", value: "标签4", onclick: this.onclick, close: "show", onclose: this.onclose})
	      )
	    }
	  }
	}
	UcsmyUI.Render(Root, document.getElementById('main'));


/***/ },

/***/ 28:
/***/ function(module, exports) {

	var Tag = React.createClass({displayName: "Tag",
		config:{
	        id:""
	    },
		handle: function(e){
			this.props.onclose&&this.props.onclose();
			e.target.parentNode.parentNode.remove();
			e.stopPropagation();
		},
		render: function() {
			for(var key in this.props){
	            this.config[key] = this.props[key];
	        }
			var displayVal = "none";
			this.props.close?(displayVal="inline-block"):'';
			return (
				React.createElement("div", {id: this.props.id, className: "ucs-tag", onclick: this.props.onclick}, 
					React.createElement("span", null, this.props.value, 
						React.createElement("i", {style: "display:"+displayVal, onclick: this.handle.bind(this)}, "×")
					)
				))
		}
	})
	module.exports = Tag;


/***/ }

/******/ });